<template>
  <div class="btn_wrap" @click="handleClick">
    <div class="login_btn">{{text}}</div>
  </div>
</template>

<script>
export default {
  props: ['text'],
  methods: {
    handleClick () {
      this.$emit('handleSubmit')
    }
  }
}
</script>

<style>
.btn_wrap {
    padding: 4.167vw 2.778vw;
}

.login_btn {
    height: 12.5vw;
    background-color: #FF9DB5;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 4.444vw;
    border-radius: 6.25vw;
}
</style>
